<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的店铺</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/common1.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/myshop.css">
    <style>
    	.addstyle{
    		background: #fff;
            position: initial;
            margin-top: 0;
   		    margin-bottom: 0rem;
    	}
    	.classify-ul{
    		   
   				 z-index: 11;
  			  position: relative;
    	}
    	.classify-ul li{
    		display: inline-block;
  			  width: 4rem;
 		   /* background: blue; */
  			  font-size: 0.6rem;
   			 text-align: center;
    	}
    	.dis-low-price{
    		width:80%;
    	}
    	.dis-screen-select{padding:0;}
    </style>
</head>
<body>
<!--头部-->
<header class="aui-bar aui-bar-nav" id="aui-header" style="position:fixed;">
    <div class="aui-col-xs-3 my-col-xs-3 back-member">
        <i class="aui-iconfont aui-icon-left"></i>
    </div>
    <div class="aui-title my-aui-title">我的店铺</div>
</header>
<section style="margin-top:2rem;">
    <div id="header-box">
        <script type="text/x-handlebars-template" id="mine-info-template">
            {{#user}}
            <img class="user-photo" src="{{userHeadImg}}" alt="">
            <div class="member-info">
                <div>{{userNickName}}</div>
                <div style="margin-top: 0.6rem">已经售{{totalProduct}}件商品</div>
                <div class="clickshare"><span>店铺分享</span></div>
            </div>
            {{/user}}
        </script>
    </div>
     <div class="menusea"><img src="../images/menusearch.png"></div>
    <div class="aui-searchbar classify addstyle">
    	<ul class="classify-ul">
    		<!-- li>测试</li>
    		<li>测试</li>
    		<li>测试</li>
    		<li>测试</li>
    		<li>测试</li>
    		<li>测试</li> -->
    	</ul>
    </div>
   
 <script type="text/x-handlebars-template" id="discount-classify">
    {{#each data}}
   		<li data_id="{{id}}">{{name}}</li>
    {{/each}}
</script>
    <section class="comm-box" >
        <div class="dis-select-box" id="my-shop-box" style="display:none;height:0;">
            <script type="text/x-handlebars-template" id="my-select-template">
                <select class="dis-shop-type" style="display:none">
                    {{#each this}}
                    <option value="{{id}}">{{name}}({{count}})</option>
                    {{/each}}
                    <!--<option value="男装">女装(20)</option>-->
                </select>
                <select class="dis-shop-sort">
                    <option value="全部">默认排序</option>
                    <option value="priceDesc">价格由高到低</option>
                    <option value="priceAsc">价格由低到高</option>
                    <!--<option value="salesDesc">销量由高到低</option>-->
                </select>
                <div class="dis-screen-btn">筛选</div>
               <div class="dis-screen" style="height:15rem;top:0rem;">
                    <div class="dis-screen-price">
                        <div class="dis-price-section">价格区间</div>
                        <div class="dis-screen-select">
                            <input type="number" class="dis-low-price" placeholder="最低价">
                            <div class="dis-price-line"></div>
                            <input type="number" class="dis-high-price" placeholder="最高价">
                        </div>
                        <div class="dis-price-section">商品销量</div>
                        <div class="dis-screen-select">
                            <input type="number" class="dis-low-sales" placeholder="最低销量">
                            <div class="dis-price-line"></div>
                            <input type="number" class="dis-high-sales" placeholder="最高销量">
                        </div>
                        <div class="aui-list-item-inner">
                            <label><input class="aui-radio servenBack" type="checkbox" name="radio2"> 退货免运费</label>
                        </div>
                       
                        <div id="nmbConfirm" style="margin-top:0.5rem;">确定</div>
                    </div>
                </div>
            </script>
        </div>
        <div id="dis-list-vessel">
            <script type="text/x-handlebars-template" id="my-shop-template">
                {{#each products}}
				
					<!--<a onclick="jqdetail('{{productId}}')" class="display-box">-->
				    <a class="display-box">
                    <div class="dis-list-box" data-shopid="{{id}}" data-productid="{{productId}}">
                        <div class="dis-shop-img">
                            <img src="../images/yhjloading.jpg" data-src="{{mainImageUrl}}" alt="">
                            <div style="display:none" class="earn">
                                <span>共赚{{profit}}元</span>
                            </div>
                        </div>
                        <div class="dis-list-content">

								<div class="dis-shop-detail" style="width:80%;float:left;">
                              		  <span class="hongbao" style="display:none;">红包{{productHongbao}}元</span>
                               		 <!--<span class="is-baoyou">{{exemption isServenBack}}</span>-->
                               		 <span class="shop-list-name">{{name}}</span>
                           		 </div>
								<div class="dis-del-sale" style="width:20%;">
                               		 <div class="dis-del" style="background-size: 100%;margin-right:0;left: 0.5rem;position: relative;"></div>
                            	</div>

                            <div class="sales-price">
                            <div class="dis-price" >
								{{#if_eq productType 001}}
                               			 <span>友惠价：<b>¥{{productPrice}}</b> / <font style="color:#e51c08">赚</font><b>{{marketProfit}}</b></span>
                              	 {{else}}
                               			 <span>京东价：<b>¥{{productPrice}}</b> / <font style="color:#e51c08">赚</font><b>{{marketProfit}}</b></span>
								{{/if_eq}}
								 <span style="display:none;">佣金率：<b>{{marketProfitPercent}}%</b></span>
                                <span>销量：{{totalSales}}</span>
                            </div>
	
                                <div class="dis-evaluate" data-id="{{id}} " style="margin-top:-0.3rem;" type="{{productType}}">
                                    <div class="hj-redbao-price"><b>{{productHongbao}}</b>元</div>
                                    <div class="dis-share"></div>
                                </div>
                        <!--    <div class="dis-del-sale" style="margin-top: 1vh">
                                <div class="dis-sale" style="width:auto;">
                                    <span style="margin-left:0;padding: 0 0.5rem;">红包券{{productHongbao}}元</span>
                                </div>
                                <div class="dis-sale now-tuiguang">
                                    <span>立即分享</span>
                                </div>
                            </div>-->

                        </div>
                    </div>
                    </div>
                </a>
                {{/each}}
            </script>
        </div>
    </section>
    <div class="loading">加载更多...</div>
    <div class="no-info">没有更多数据了...</div>
    <!--立即分享-->
  <!--立即分享-->
    <section class="wxmass-sends">
        <section class="wxmass-sends-item">
            
            <ul class="wxmass-item-list">
                <li class="share-firends">
                    <div class="wxmass-item-list-img">
                        <img src="../images/wx.png" alt="">
                        <p style="text-align:center;margin-top: 0.1rem;">微信</p>
                    </div>
                   
                </li>
                <li class="share-firends-quan">
                    <div class="wxmass-item-list-img">
                        <img src="../images/friends.png" alt="">
                         <p style="text-align:center;margin-top: 0.1rem;">朋友圈</p>
                    </div>
                    
                </li>
            </ul>
            
            <div class="wxmass-item-title"> 取消分享 </div>
        </section>
    </section>

    <div class="mask"></div>
    <!--分享层-->
    <section class="my-share">
        <ul>
            <li class="my-share-li share-friends">
                <div class="my-share-li-img">
                    <img src="../images/wx.png" alt="">
                     <p style="text-align:center;margin-top: 0.1rem;">微信</p>
                </div>
               
            </li>
            <li class="my-share-li share-url">
                <div class="my-share-li-img">
                    <img src="../images/lj.png" alt="">
                    <p style="text-align:center;margin-top: 0.1rem;">复制链接</p>
                </div>
                
            </li>
            <!--<li class="my-share-li share-erweima">-->
                <!--<div class="my-share-li-img">-->
                    <!--<img src="../images/ewm.png" alt="">-->
                <!--</div>-->
                <!--<p>二维码</p>-->
            <!--</li>-->
        </ul>
        <div class="my-share-del1">取消分享</div>
    </section>
    <!--删除商品层-->
    <section class="myshop-del">
        <section class="myshop-del-item">
            <!--标题-->
            <div class="item-text"><span>是否删除该商品</span></div>
            <!--删除商品详情-->
            <div class="item-detail">
                <div class="item-detail-left"><img src="../images/22.jpg" alt=""></div>
                <div class="item-detail-right"><p><span>红包20:00元</span>我爱北京天安我爱北京天安门我爱北京天安门我爱北京天安门我爱北京天安门门我爱北京天安门我爱北京天安门我爱北京天安门</p></div>
            </div>
            <!--取消删除选项-->
            <div class="item-cal-del">
                <div class="item-cancel">取消</div>
                <div class="item-del">确认删除</div>

            </div>
        </section>
    </section>
    <!--店铺分享层-->
    <section class="myshop-share">
        <section class="myshop-share-item">
            <!--标题部分-->
            <div class="myshop-share-item-title">
                <p><b>店铺: </b>小一的店铺</p>
                <span class="zhang">共9张</span>
                <span class="close">关闭</span>
            </div>
            <!--图片-->
            <div class="myshop-share-item-img">
                <img src="../images/banner1.png" alt="">
            </div>
            <!--二维码-->
            <div class="myshop-share-item-code">
                <div class="myshop-item-code">
                    <img src="../images/22.jpg" alt="">
                </div>
                <div class="myshop-item-code-text">
                    <div id="share-erweima"></div>
                    <span>扫描或微信长按识别二维码</span>
                </div>
            </div>
            <!--保存到相册-->
            <div class="myshop-share-item-deposit">
                <img src="../images/deposit.png" alt="">
            </div>
        </section>
    </section>
</section>
<section class="share-loading">
    <img src="../images/yhjloading.jpg" alt="">
</section>
<script src="../js/jquery-3.0.0.min.js"></script>
<!--<script src="../js/api.2.0.js"></script>-->
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/config.js"></script>
<script src="../js/function.js"></script>
<script src="../js/common.js"></script>
<script src="../js/alert.js"></script>
<script src="../js/qrcode.min.js"></script>
<script src="../js/aui-lazyload.js"></script>
<script src="../js/myShop.js"></script>
</body>
</html>